<template>
  <div class="notice-block sa-flex">
    <sa-image :url="compData.data.src" radius="0" :suffix="null"></sa-image>
    <el-divider direction="vertical"></el-divider>
    <div class="text" :style="{ color: compData.data.title.color }">
      {{ compData.data.title.text }}
    </div>
  </div>
</template>

<script setup>
  const props = defineProps(['compData']);
</script>

<style lang="scss" scoped>
  .notice-block {
    height: 24px;
    .sa-image {
      height: 100%;
    }
    .el-divider--vertical {
      margin: 0;
      border-color: #eee;
    }
    .text {
      min-height: 14px !important;
      height: 14px;
      font-size: 14px;
      padding: 0 0 0 12px;
      overflow: hidden;
    }
  }
</style>
